/*
 * @Author       : 邱狮杰
 * @Date         : 2021-09-01 14:41:47
 * @LastEditTime : 2021-09-08 10:17:02
 * @FilePath     : /newhope/src/components/windBlowsTheFragranceOfRice/hooks/useData.ts
 * @Description  : 
 */

import a from '/@/assets/images/mike/6.png'
import b from '/@/assets/images/mike/8.png'
import c from '/@/assets/images/mike/9.png'
import d from '/@/assets/images/mike/10.png'
import e from '/@/assets/images/mike/11.png'
import f from '/@/assets/images/mike/13.png'
import g from '/@/assets/images/mike/7.png'
import h from '/@/assets/images/mike/12.png'

import { ref } from 'vue'

export function useCloundMikeData() {
	const data = ref<{
		img: string
		style: string
		clicked: boolean
		green?: boolean
	}[]>([{
		clicked: false,
		img: a,
		style: `position: absolute;bottom: 1.3%;right: 7%;height: -1px;width: 17%;height: 16%; `
	}, {
		clicked: false,
		img: b,
		style: ` position: absolute;bottom: 12.3%;left: 1%;  width: 12%;height:9%`
	},
	{
		clicked: false,
		img: c,
		style: `position: absolute;
		bottom: 20.3%;
		left: 16.6%;
		width: 7%;height: 7%`,
		green: true
	},
	{
		clicked: false,
		img: d,
		style: `position: absolute;
		bottom: 27.7%;
		left: 38%;
		width: 7%;height:4%`,
		green: true

	},
	{
		clicked: false,
		img: e,
		style: `position: absolute;
	    bottom: 39.3%;
	    left: 28%;
	    width: 7%;height: 4.2%`
	},
	{
		clicked: false,
		img: f,
		style: `    position: absolute;
		bottom: 16%;
		left: 75%;
		width: 6%;
		height: 4%;`
	},
	{
		clicked: false,
		img: g,
		style: `position: absolute;
	    bottom: 4.3%;
	    left: 45%;
	    width: 13.1%;height:11.3%`
	},
	{
		clicked: false,
		img: h,
		style: `position: absolute;
	    bottom: 28.3%;
	    left: 88%;
	    width: 8.1%;height: 8%`
	},
	])
	return data
}